/*

[Custom Stylesheet]

Project     : SociFly - Multipurpose Social Network HTML5 Template
Version     : 1.0
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks

You can write your custom css styles in this file...

*/


.links--widget .nav li a { font-size:15px;line-height:30px; }


/* HOMEPAGE POPUP float_banner */
.float_banner {position:absolute; z-index:1000; top:-500px;}
.float_banner .float_banner_wrap{position:relative;}
.float_banner .float_banner_wrap .close{position:absolute; top:0; right:0; display:block;}
.float_banner .float_banner_wrap .close a{display:block;}
.float_banner .float_banner_wrap .banner_cont{position:relative;}
.float_banner {display:none;}
.float_banner p { margin:0px;padding:0px; }

.today_cookie {background: none repeat scroll 0 0 #fff;bottom: 0;color: #000;font-size: 13px;line-height: 16px;overflow: hidden;padding: 6px;position: relative;}
.today_cookie span {margin-right: 4px;}
.today_cookie label {cursor: pointer;}
.today_cookie .btn_close {color: #fff;float: right;font-weight: bold;}
.today_cookie a {/*   vertical-align: top;	*/}


/* MOBILE POPUP */
.layer-share-wrap2 {position:fixed;left:0;right:0;bottom:-350px;height:350px;padding:25px 20px;z-index:30;box-sizing:border-box;transition:all .3s;}
.layer-share-wrap2 .open{bottom:0;}
.layer-share-wrap2 .tit-share{font-size:20px;font-weight:500;color:#766c62;}
.layer-share-wrap2 ul{text-align:center;margin:14px 0;}
.layer-share-wrap2 ul li{display:inline-block;margin:0 4px;}
.layer-share-wrap2 ul li a{font-size:11px;font-weight:500;}
.layer-share-wrap2 ul li a:before{content:'';display:block;width:47px;height:47px;margin:0 auto;}
.layer-share-wrap2 ul li a.btn-fb:before{background:url('../../images/sub/tv/icon_fb.png') no-repeat;background-size:contain;}
.layer-share-wrap2 ul li a.btn-kakao:before{background:url('../../images/sub/tv/icon_kakao.png') no-repeat;background-size:contain;}
.layer-share-wrap2 ul li a.btn-sms:before{background:url('../../images/sub/tv/icon_sms.png') no-repeat;background-size:contain;}
.layer-share-wrap2 a p {margin:0px;padding:0px; }
.layer-share-wrap2 .copy-box{position:relative;height:30px;border:1px solid #ccc;box-sizing:border-box;padding-right:73px;}
.layer-share-wrap2 .copy-box input{width:100%;height:100%;padding:0 0 0 8px;font-size:11px;color:#999;box-sizing:border-box;border:0;}
.layer-share-wrap2 .copy-box a{position:absolute;right:-1px;top:-1px;display:block;width:65px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:11px;font-weight:500;background:#333;}
.layer-share-wrap2 .btn-close{position:absolute;right:15px;top:20px;display:block;width:30px;height:30px;background:url('/B/images/btn_share_close.png') no-repeat;background-size:contain;font-size:0;color:transparent;}

/* È­¸éµ¤±â */
.dim{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.1);z-index:20;}


/* °Ô½ÃÆÇ pÅ×ũó¸® */
.viewContent p {margin:0px;padding:0px; }
.viewContent img {
  max-width: 100%;
  height: auto;
}
.pointColor { color:#22c4c6 !important; }


input { border:1px solid #ddd !important; }
select { border:1px solid #ddd !important; }
textarea { border:1px solid #ddd !important; }